<template>
	<div class="myserver">
		<header>我的服务</header>
		<div class="icons">
			<ul>
				<li>
					<img src="../../../assets/img/dizhi.png" >
					<p>常用收获地址</p>
				</li>
				<li>
					<img src="../../../assets/img/chuxingren.png" >
					<p>常用出行人</p>
				</li>
				<li>
					<img src="../../../assets/img/xiugaimima.png" >
					<p>修改密码</p>
				</li>
				<li>
					<img src="../../../assets/img/kefu.png" >
					<p>在线客服</p>
				</li>
				<li>
					<img src="../../../assets/img/xiakeapp.png" >
					<p>游侠客APP</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
export default{
	name:'Myserver'
}
</script>

<style scoped>
.myserver{
	width: 100%;
	margin-top: 0.3rem;
	overflow: hidden;
	background-color: white;
}
.myserver header{
	width: 100%;
	line-height: 1.2rem;
	text-indent: 0.3rem;
	font-size: 0.4rem;
	font-weight: bold;
}
.myserver .icons{
	width: 95%;
	margin: 0 auto;
	margin-top: 0.4rem;
}
.myserver .icons ul{
	display: flex;
	flex-wrap: wrap;
}
.myserver .icons ul li{
	width: 25%;
	text-align: center;
	margin-bottom: 0.6rem;
}
.myserver .icons ul li img{
	width: 0.55rem;
}
.myserver .icons ul li p{
	line-height: 0.8rem;
}
</style>
